<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">
	
	<ui:define name="formContent">
		<f:loadBundle basename="props.lenguajes.messages" var="msg"></f:loadBundle>
		
			<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" for="mainFormBotones"/>
			
			<p:watermark value="#{msg['message.devLlid.wmTitleNc']}" for="ncMask" style="font-size: 10px;"/>
			<p:watermark value="#{msg['message.devLlid.wmTitleMotivo']}" for="motivoTa" style="font-size: 10px;"/>
			
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
			
			<p:dialog modal="true" widgetVar="statusDialog" header="#{inscripcionMB.statusTitle}"   
			        draggable="false" closable="false" resizable="false">  
			    <p:graphicImage value="/resources/img/ajaxloadingbar.gif" />
			</p:dialog>
			
			<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmation" modal="true" height="110" closable="false" styleClass="centerContent" >  
			    <p:messages id="messages2" showDetail="true" autoUpdate="true" closable="true" for="btnContinue" />
			    <p:commandButton id="btnContinue" value="#{msg['message.devLlid.actionBtnContinuar']}"
							action="#{inscripcionMB.continuar}"
							style="width:100%;" />
			</p:dialog>
			
			<p:dialog id="frameD2" header="Indicadores" widgetVar="dialogLink2" modal="true" showEffect="explode" width="1050" height="670" resizable="false" position="center">
				#{inscripcionMB.url2}
				<iframe src="#{inscripcionMB.url2}" width="100%" height="100%"/>
			</p:dialog>  
	
			<h:panelGrid columns="2">
				<p:autoComplete id="ncMask" value="#{inscripcionMB.leerColaborador}"
				completeMethod="#{inscripcionMB.complete}"
				style="font-size: 10px;" size = "30"/>
				<p:commandButton value="buscar" style="font-size: 12px;" action="#{inscripcionMB.buscar}"/>
			</h:panelGrid>
			
			<p:separator/>
			
			<h:panelGrid columns="2">
				<h:panelGrid columns="2" style="font-size: 12px;">
					<h:panelGrid columns="2">
						<p:outputLabel value="#{msg['message.devLlid.titleNombre']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaNombre}" id="nameInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleGraPer']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaGradoPersona}" id="graPInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleCom']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaCompania}" id="compInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleEscolaridad']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaEscolaridad}" id="escInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titlePosicion']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaPosicion}" id="posInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titlePraLid']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaPracticaLiderazgo}" id="praInput" size="25" disabled="true"/>
						
					</h:panelGrid>
					
					<h:panelGrid columns="2">
						<p:outputLabel value="#{msg['message.devLlid.titleNctrl']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaNumeroControl}" id="ncInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleCentroCosto']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaCentroCostos}" id="ccInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleArea']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaArea}" id="areInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleTitulo']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaTitulado}" id="titInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleEvaDes']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaEvaluacionDesempeno}" id="evdeInput" size="25" disabled="true"/>
						
						<p:outputLabel value="#{msg['message.devLlid.titleIdioma']}:" style="display: block; width:125px; font-weight:bold;"/>
						<p:inputText value="#{inscripcionMB.vistaIdiomas}" id="idmInput" size="25" disabled="true"/>
						
					</h:panelGrid>
				</h:panelGrid>
				
			</h:panelGrid>
			
			<h:panelGrid columns="2">
			
				
			</h:panelGrid>
			
			<p:separator/>
			
			
			
			<h:panelGrid columns="2">
				<p:commandButton action="#{inscripcionMB.showIdiomas}" id="detalleIdiomaLink" style="color:blue;" disabled="#{inscripcionMB.enableButton}" value="Idiomas"/>
				<p:commandButton action="#{inscripcionMB.showIndicadores}" id="detalleIdicadoresLink" style="color:blue;" disabled="#{inscripcionMB.enableButton}" value="Indicadores"/>
			</h:panelGrid>
			
			
			
			<p:separator/>
			
			<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;">
				<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;">
					<p:outputLabel value="#{msg['message.devLlid.titleMotivo']}:"/>
				</h:panelGrid>
				<h:panelGrid columns="1" style="font-size: 12px; font-weight:bold;">
					<p:inputTextarea id="motivoTa" maxlength="500" cols="110" value="#{inscripcionMB.motivoInscripcion}" disabled="#{inscripcionMB.enableButton}"/>
				</h:panelGrid>
			</h:panelGrid>
			
			<p:separator/>
			
			
		<div id="mainFormBotones">
            <h:panelGrid id="pnlGridBotones" styleClass="centerContent">
				<ui:include src="/plantilla/botones.xhtml" />
            </h:panelGrid>
		</div>
		
		
	</ui:define>
</ui:composition>
